<template>
  <div id="home">
    <hello-world :msg="msg"></hello-world>
  </div>
</template>

<script>
import { reactive, toRefs } from 'vue';
import HelloWorld from '@/components/HelloWorld.vue'
export default {
  components: {
    "hello-world": HelloWorld
  },
  setup() {
    const state = reactive({
      msg: '欢迎使用Vue3'
    })
    return {
      ...toRefs(state)
    }
  }
}
</script>

<style scoped>

</style>
